<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />  
<script language="javascript" type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.fusiondevs.com/lab/cleary/js/custom.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<title>Cleary by Fusiondevs</title>
</head>

<body>

<div class="header">
	<div class="top">
    	<div class="contents">
	    	<h1><a href="index.html" class="logo"></a></h1>
        </div>
    </div>
    <div class="middle">
    	<div class="contents">
	        <span>Personal website mobile template</span>
        </div>
    </div>
</div>

<div class="container">
	<div class="contents">
    	<h1>News</h1>
        
        <div class="article_item">
        	<h5>15/07/11 &raquo; Category</h5>
            <h3>Lorem ipsum dolor sit</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="article_item">
        	<h5>15/07/11 &raquo; Category</h5>
            <h3>Lorem ipsum dolor sit</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="article_item">
        	<h5>15/07/11 &raquo; Category</h5>
            <h3>Lorem ipsum dolor sit</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="paginator">
        	<a href="javascript:return false;" class="prev">Prev</a>
            <span class="page">Page 1 of 5</span>
            <a href="javascript:return false;" class="next">Next</a>
        </div>
    </div>
   
</div>
<div class="contents">
    <div class="footer">
        <span class="copy">&copy; 2011 <a href="http://www.fusiondevs.com/">Fusiondevs.com</a><br />Powered by Cleary</span>
        <a href="#" class="top">Top</a>
    </div>
</div>

</body>

</html>
